<template>
    <p>这是一个父组件</p>
    <p>以下内容是子组件的内容</p>
    <Son v-slot="SlotProps">
        <p>这里是父组件接收到的值--{{ SlotProps.sonName }}</p>
    </Son>
    <Son v-slot="{sonName}">
      <p>111这里是父组件接收到的值--{{ sonName }}</p>
    </Son>
    <h1>下面是BobSon的内容</h1>
    <BobSon>
        <template v-slot:header="{sonName}">
              <p>header - 这里是父组件接收到的值--</p>
        </template>
        <template v-slot:footer="{sonName}">
              <p>footer - 这里是父组件接收到的值--</p>
        </template>
    </BobSon>
</template>

<script>
import Son from './Son.vue'
import BobSon from './BobSon.vue'
export default {
    components:{
        Son,
        BobSon
    },
}
</script>